<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
	<meta HTTP-EQUIV="Expires" CONTENT="0"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta name="viewport" content="width=device-width,target-densitydpi=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>汽车详情页</title>
    <link rel="stylesheet" href="../plugin/bootstrap/bootstrap.min.css" />
    <!--字体-->
    <link rel="stylesheet" href="../plugin/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../plugin/ionicon/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugin/sweetalert/sweet-alert.min.css">
    <!--my-css-->
    <link rel="stylesheet" href="css/style.css">
    <script src="../plugin/jquery/jquery.min.js"></script>
    <script src="../plugin/bootstrap/bootstrap.min.js"></script>
    <script src="../common/js/system.js"></script>
    <script src="../plugin/sweetalert/sweet-alert.min.js"></script>
    <script src="../plugin/juicer/juicer-min.js"></script>
    <!--my-js-->
    <script src="js/baseDetail.js"></script>
</head>
<body class="spec-body">
    <script id="tpl" type="text/template">
        <div class="container-fluid name-relative">
            <img class="img-responsive center-block" src="$${bannerUrl}">
			<span class="close-icon">x</span>
        </div>
        <div class="container-fluid p-container text-center">
            <p>价格政策</p>
        </div>
        <div class="container-fluid table-container">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <tbody>
                    <tr>
                        <td class="text-center left-td">车型</td>
                        <td class="text-center right-td relative-td">$${carStyle}<button data-toggle="modal" data-target=".bs-example-modal-lg">配置</button></td>
                    </tr>
                    <tr>
                        <td class="text-center left-td">指导价格</td>
                        <td class="text-center right-td">$${price}</td>
                    </tr>
                    <tr>
                        <td class="text-center left-td">$${nameRent}</td>
                        <td class="text-center right-td">$${rent}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="container-fluid p-container text-center">
            <p>选择预约城市</p>
        </div>
        <div class="container-fluid text-center btn-background">
            <button class="btn-danger1 delete" data-cityId="1">北京</button>
            <button class="btn-danger1" data-cityId="2">唐山</button>
            <button class="btn-danger1 delete" data-cityId="3">保定</button>
            <button class="btn-danger1 delete" data-cityId="4">呼和浩特</button>
            <button class="btn-danger1 delete" data-cityId="5">张家口</button>
            <button class="btn-danger1 delete" data-cityId="6">石家庄</button>
            <button class="btn-danger1 delete" data-cityId="7">廊坊</button>
            <button class="btn-danger1 delete" data-cityId="8">承德</button>
            <button class="btn-danger1 delete" data-cityId="9">秦皇岛</button>
            <button class="btn-danger1 delete" data-cityId="10">沈阳</button>
        </div>
        <div class="container-fluid text-center footer-container">
            <button class="btn">预约</button>
        </div>


        <!--详情配置模态框-->
        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <img src="$${detailUrl}">
                </div>
            </div>
        </div>
    </script>
</body>
</html>